<div className="col-span-2 relative overflow-hidden rounded-xl bg-linear-to-br from-cyan-950/30 to-transparent border border-cyan-500/20 p-5 flex flex-col items-center justify-center group">
  <div className="absolute inset-0 bg-cyan-400/5 opacity-50 group-hover:opacity-100 transition-opacity" />
  <div className="relative flex items-center gap-1.5 text-cyan-500 mb-1">

const untilTime = cooldown.untilTime || (cooldown as Record<string, unknown>).until as string;
if (!untilTime) return 0;

const isValid = () => {
  if (!formData.name.trim()) return false
  if (!formData.apiKey.trim()) return false
  const hasEnabledClient = formData.clients.some(c => c.enabled)
  const hasUrl =
    formData.baseURL.trim() ||
    formData.clients.some(c => c.enabled && c.urlOverride.trim())
  return hasEnabledClient && hasUrl
}